.city_input_row {
  display: flex;
  height: 100%;
  .city_input {
    flex: 1;
    background-color: #fff;
    display: flex;
    border-radius: 5px;
    .city_name {
      width: 65px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      &::before{
        content: '';
        position: absolute;
        width: 1px;
        height: 50%;
        right: 0;
        top:50%;
        transform: translateY(-50%);
        background-color: #ccc;
      }
    }

    .city_search {
      flex: 1;
      display: flex;
      align-items: center;
      .city_input_icon_search {
      
        padding: 0 10px;
      }

      span {
      }
    }
  }

  .city_input_row_icon {
    width: 45px;

    display: flex;
    justify-content: center;
    align-items: center;

    .city_input_icon_map {
      color: #fff;
      font-size: 25px;
    }
  }
}
